import React from "react"
import { ModifyOutlined } from "esy-ui"
import { DocModal } from "@/components"
import { texts } from "./const"

function Introduction() {
    return (
        <div>
            <h1 className="text-2xl my-4 flex items-baseline">
                <div>Esy UI</div>
                <ModifyOutlined className="text-text-2 text-sm px-2 cursor-pointer" />
            </h1>
            <DocModal list={texts} />
        </div>
    )
}

export default Introduction
